<template>
  <div class="home">
    <Circles></Circles>
    <v-touch v-on:swipeleft="toleft" v-on:swiperight="toright" class="touchdown">
    <router-view></router-view>
    </v-touch>
  </div>
</template>

<script>
import Circles from "@/components/circle/Circle";

export default {
  data(){
    return{}
  },
  components: {Circles},
  methods:{
    toleft(){
      this.$router.push("/Partition");
    },
    toright(){
      this.$router.push("/Channel");
    }
  }
}
</script>

<style>
.home .touchdown{
  touch-action: pan-y !important;
}

</style>